<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
        http请求头
         Accept:浏览器可以处理的内容类型。
         Accept-Charset:浏览器可以显示的字符集。
         Accept-Encoding:浏览器可以处理的压缩编码类型。
         Accept-Language:浏览器使用的语言。
         Connection:浏览器与服务器的连接类型。
         Cookie:页面中设置的 Cookie。
         Host:发送请求的页面所在的域。
         Referer:发送请求的页面的 URI。注意，这个字段在 HTTP 规范中就拼错了，所以考虑到兼容
        性也必须将错就错。(正确的拼写应该是 Referrer。)
         User-Agent:浏览器的用户代理字符串。
        如果需要发送额外的请求头部，可以使用 setRequestHeader()方法。这个方法接收两个参数:头部字段的名称和值。
     */

    let xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
            // 不是所有的浏览器都支持自定义请求头
   /*         let myHeader = xhr.getResponseHeader('MyHeader');
            let allHeaders = xhr.getAllResponseHeaders();
            console.log('myHeader',myHeader)
            console.log('allHeaders',allHeaders)*/
            if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
                console.log(xhr.responseText);
            } else {
                console.log("Request was unsuccessful: " + xhr.status);
            }
        }
    };
    xhr.open("get", './files/demo1.txt', true);
    xhr.setRequestHeader("MyHeader", "MyValue");
    xhr.send(null);
    

</script>
</body>
</html>